<template>
	<div>
		<transition name="router-fade" mode="out-in">
			<keep-alive>
				<router-view class='child-view' v-if="$route.meta.keepAlive"></router-view>
			</keep-alive>
		</transition>
		<transition name="router-fade" mode="out-in">
			<router-view class='child-view' v-if="!$route.meta.keepAlive"></router-view>
		</transition>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				transitionName: 'slide-left'
			}
		}
	}
</script>
<style>
	.child-view {
		position: absolute;
		top: 0;
		width: 100%;
		box-sizing: border-box;
	}
</style>